<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
	<meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
	<title></title>
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/yoga.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet" type="text/css" href="../css/all.css">
	<link rel="shortcut icon" href="images/Yoga_03.png" type="image/png">
	<script type="text/javascript" src="../front_js/jquery.min.js"></script>
</head>
<body>
<header>
	<!--顶部图标-->
	<img src="images/01HomeYoga_03.png" alt="">
	<!--顶部二级导航-->
	<ul class="clearfix">
		<li class="fff"><a href="#">Home</a>
			<ol>
				<li><a href="#">Yoga studio</a></li>
				<li><a href="#">Fitness club</a></li>
				<li><a href="#">Gym</a></li>
				<li><a href="#">Health club</a></li>
				<li><a href="#">Coach</a></li>
				<li><a href="#">Dance</a></li>
			</ol><i></i></li>
		<li><a href="#">Pages</a>
			<ol>
				<li><a href="#">About Us </a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Events</a>
			<ol>
				<li><a href="#">All Events</a></li>
				<li><a href="#">Events One</a></li>
				<li><a href="#">Events Two</a></li>
				<li><a href="#">Events Three</a></li>
				<li><a href="#">Events Four</a></li>
				<li><a href="#">Single Event</a></li>
			</ol><i></i></li>
		<li><a href="#">Portfolio</a>
			<ol>
				<li><a href="#">Column 3 Сols</a></li>
				<li><a href="#">Columns 4 Сols Wide</a></li>
				<li><a href="#">4 Сols Masonry</a></li>
				<li><a href="#">Four Columns</a></li>
				<li><a href="#">Gallery</a></li>
			</ol><i></i></li>
		<li><a href="#">Blog</a>
			<ol>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Shop</a></li>
		<li><a href="#">Contacts</a></li>
	</ul>
	<!--顶部二级导航右侧图标-->
	<div class="home-index-cart">
		<span><a href="#"><img src="images/serch.png" alt="" /></a></span>
		<span><a href="#"><img src="images/shop.png" alt="" /></a><div>0</div></span>
		<span>
                <a href="#"><img src="images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
	</div>
	<script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
	</script>
	<!--头部轮播图-->
	<dl class="clearfix">
		<dd>
			<img src="images/01HomeYoga_01.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font1">
				<p>PRACTICE AND</p>
				<p>ALL IS COMING</p>
				<span>Happiness is not having what you want,</span>
				<span>but wanting what you have</span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/02HomeYoga_02.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font2">
				<p>YOGA - LIGHT</p>
				<span>Warrior pose helps to overcome internal weakness and focus. </span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/03HomeYoga_03.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font3">
				<p>WELCOME </p>
				<p>TO AASANA</p>
				<span>Yoga is the practice of taking</span>
				<span>the consequences being yourself</span>
				<i>Get to know us</i>
			</div>
		</dd>
	</dl>
	<img class="index-prev" src="images/homeprev.png" alt="" />
	<img class="index-next" src="images/Homenext.png" alt="" />
	<script>
        var islock = true;
        var n = 0;
        $("header>dl>dd").each(function(index,element){
            $(this).attr("index",index)
        })
        $(".index-next").click(function(){
            if(n < $("header>dl>dd").length - 1){
                if(islock === true) {
                    islock = false;
                    n++;
                    $("header>dl").animate({
                        marginLeft: -1920 * n + "px"
                    }, 1000,()=>{
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    var willremove = $("header>dl>dd").eq(0).clone(true).appendTo($("header>dl")[0]);
                    $("header>dl").animate({
                        marginLeft: -1920 * (n + 1) + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: 0 + "px"
                        });
                        willremove.remove();
                        n = 0;
                        islock = true;
                    });
                }
            }
        })
        $(".index-prev").click(function(){
            if(n < 1){
                if(islock === true){
                    islock = false
                    var willremove = $("header>dl>dd").eq($("header>dl>dd").length - 1).clone(true).prependTo($("header>dl")[0]);
                    $("header>dl").css({
                        marginLeft: -1920 + "px"
                    });
                    $("header>dl").animate({
                        marginLeft: 0 + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        willremove.remove();
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        n = $("header>dl>dd").length - 1;
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    n--;
                    $("header>dl").stop().animate({
                        marginLeft: -1920 * n + "px"
                    },1000,function(){
                        islock = true;
                    });
                }
            }
        })
        var move = setInterval(function(){
            $(".index-next").click();
        },3000)
        $("header").mouseenter(()=>{
            clearInterval(move);
        })
        $("header").mouseleave(()=>{
            move = setInterval(function(){
                $(".index-next").click();
            },3000)
        })
	</script>
</header>
	<div class="home-coach-two clearfix">
		<div class=" public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="life-us clearfix">
					<ul class="coach-training life-way content clearfix">
						<li class="Flexibility  theway-l clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-energy theway-r clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-boost theway-l clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Get theway-r   clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Enjoy  theway-l  clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Create theway-r clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
					<img class="beauty" src="../im/Layer578.png">
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-coach-three clearfix">
		<div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class=" option-top home-logo">
					<p class="su-pro">Train For FREE Today</p>
				</div>
				<div class="coach-p1-wrap color">
					<p class="coach-p1">Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-coach-four clearfix">
		<div class="content2">
			<div class="home-coach-four-left">
				<img src="../images/Layer723.png">
			</div>
			<div class="home-coach-four-right">
				<h2>WORKING WITH me HAS BENEFITS</h2>
				<div class="home-coach-four-right-middle">
					<span><i></i></span>
					<b>Pellentesque aliquet sed magna consequat venenatis.</b>
					<p>Curabitur vel ultrices sem, eu dictum justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a dictum sem. Donec dapibus lacus ac est semper dapibus. </p>
				</div>
				<ul>
					<li>
						<a href="">
							<span><i></i><b></b></span>
							<p>Vestibulum ullamcorper, magna vitae ornare pretium.</p>
						</a>
					</li>
					<li>
						<a href="">
							<span><i></i><b></b></span>
							<p>Vestibulum ullamcorper, magna vitae ornare pretium.</p>
						</a>
					</li>
					<li>
						<a href="">
							<span><i></i><b></b></span>
							<p>Vestibulum ullamcorper, magna vitae ornare pretium.</p>
						</a>
					</li>
					<li>
						<a href="">
							<span><i></i><b></b></span>
							<p>Vestibulum ullamcorper, magna vitae ornare pretium.</p>
						</a>
					</li>
				</ul>
			</div>	
		</div>
	</div>
	<div class="home-coach-five clearfix">
		<div class="content2">
			<div class="home-coach-five-left">
				<h2>PERSONALIZED NUTRITION PLAN</h2>
				<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium.</p>
				<p>Ut vel lobortis tortor. Mauris a cursus diam, vitae interdum ante. Cras facilisis interdum blandit. Nunc et sapien sit amet augue consectetur volutpat nec vel nibh. Praesent eu interdum sem, vel tincidunt elit. Nam quis vestibulum odio.</p>
				<span><a href="">Get Your Plan</a></span>
			</div>
			<img src="../images/Layer724.png">
		</div>
	</div>
	<div class="home-coach-six clearfix">
		<div class="coach-summer public_wrap">
		<div class="content">
			<div class="option-top give-wrap">
				<div class="give home-logo">
					<p class="su-pro">Give the gift of health and happiness</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div>
	
	<div class="home-fitness-club-five home-coach-eight">
		<div class="home-y-s-bc public_wrap content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Trainer Tips</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="home-coach-eight-right home-coach-four-right-middle">
			<span><i></i></span>
			<div class="home-coach-eight-right-float">
				<b></b>
				<h2>Curabitur imperdiet lacus</h2>
				<h3>Aliquam pellentesque consequat ligula, ac aliquam ex sollicitudin non. Nunc purus libero, pulvinar ac eros vel</h3>
			</div> 
		</div>
		<img src="../images/46546HomeCoach_03.png" class="home-coach-eight-right-float-img">
		<div class="pub-wrap-all ">
			
		</div>
		<img class="index-prev" id="pre" src="../im/arrowrightcopy2.png">
		<img class="index-next" id="next" src="../im/arrowright.png">
	</div>
	<div class="home-coach-seven clearfix">
		<div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class="option-top color home-words">
					<p>PERSONAL TRAINING OPTIONS</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
			<div class="option-programs content">
				<ul class=" ourclass flexbox">
					<li>
						<div class="options-img instructors">
						<img src="../im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="../im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="../im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="../im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
				</ul>
				<a href="#" class="choose-up-bc Choose-op  border2 color">Choose Your Option</a>
			</div>
		</div>
	</div>
	</div>
	<div class="home-coach-nine clearfix">
		
	</div>
	<div class="home-coach-ten clearfix">
		<div class="content">
			<img src="../images/46599HomeCoach_07.jpg">
			<div class="home-coach-ten-right">
				<h2>I LOST 25 KG</h2>
				<h3>IN 45 DAYS</h3>
				<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium, justo tortor auctor eros, eget congue enim est ac odio. Ut vel </p>
				<p>Mauris a cursus diam, vitae interdum ante. Cras facilisis interdum blandit. Nunc et sapien sit amet augue consectetur volutpat nec vel nibh. Praesent eu interdum sem, vel tincidunt elit. Nam quis vestibulum odio.</p>
				<p class="change-p-color">Anna Doe I Sales Manager previous</p>
			</div>
		</div>
	</div>
	<div class="home-coach-eleven clearfix">
		<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="ourclass flexbox content3">
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
				</ul>
		</div>
	</div>
	</div>
	<div class="home-coach-twelve clearfix">
		<div class="coach-work public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject.png">
				</div>
				<div class="upcoming-words home-words">
					<p>Instructors</p>
				</div>
				<div class="color home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="ourclass flexbox">
					<table class="work-table">
						<tbody >
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00 / 14:00 – 15:00 / 17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'> 17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00 17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00  17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 18:00</td>
								<td></td>
							</tr>
						</tbody>
					</table>
					<ul class="work-progress">
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p">
								<input  type="range" name="">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p2 work-p">
								<input  type="range" name="">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p3 work-p">
								<input  type="range" name="">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p">
								<input  type="range" name="">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p4 work-p">
								<input  type="range" name="">
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-fitness-club-nine home-coach-next">
		<div class="content">
			<div class="home-logo">
				<img src="../im/VectorSmartObject5.png">
			</div>
			<div class="home-y-words home-words">
				<p>BEST PLANS FOR YOU</p>
			</div>
			<div class="home-fitness-club-nine-bottom home-coach-next-bottom">
				<ul>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t home-coach-next-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t home-coach-next-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t home-coach-next-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
				</ul>
			</div>
		</div>       
	</div>
	<div class="home-coach-next-last clearfix">
		<div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class=" option-top home-logo">
					<p class="su-pro">Train For FREE Today</p>
				</div>
				<div class="coach-p1-wrap color">
					<p class="coach-p1">Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="Consultation pub-wrap-all flexbox2 ">
					<input type="text" name="" class="border2" placeholder="Enter email">
					<input type="text" name="" class="border2"
					placeholder="Enter email">
				</div>
				<div class="textarea">
					<textarea ></textarea>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div>
	</div>
		<footer>
			<!--图标-->
			<img class="home-index-foottop" src="images/home_index_foot_03.png" alt="">
			<!--文字-->
			<div class="home-index-footp">
				<p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
				<p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
			</div>
			<!--文字-->
			<p>Subscribe us</p>
			<!--邮件input框-->
			<div class="home-index-footserch">
				<input type="text" placeholder="Enter your email" />
				<span>SEND</span>
			</div>
			<!--三个小图片-->
			<div class="home-index-footimg">
				<a href="#"><img src="images/home_index_foot_07.png" alt="" /></a>
				<a href="#"><img src="images/home_index_foot_09.png" alt="" /></a>
				<a href="#"><img src="images/home_index_foot_11.png" alt="" /></a>
			</div>
			<!--底部导航-->
			<ul class="home-index-footnav clearfix">
				<li><a href="#">Home</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Envents</a></li>
				<li><a href="#">Portfolio</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Shop</a></li>
				<li><a href="#">Contacts</a></li>
			</ul>
		</footer>
		<!--返回顶部图标-->
		<img class="home-gotop" src="images/home_index_foot_14.png" alt="" />
		<script>
            $(".home-gotop").hide();
            $("body").ready(function(){
                $(".home-gotop").click(function(){
                    $("html,body").animate({scrollTop:0},250);
                });
                setInterval(function(){
                    if($("html,body").scrollTop() === 0) {
                        $(".home-gotop").hide();
                    }
                    else{
                        $(".home-gotop").show();
                    }
                },500)
            });
		</script>
	 <script type="text/javascript">
	 	$(".Flexibility").animate({
      		left:'0px',
      		top:"5px"
   		});
   		$(".coach-boost ").animate({
      		left:'0px',
      		top:"203px"
   		});
   		$(".coach-Enjoy").animate({
      		left:'px',
      		top:"401px"
   		});
   		$(".coach-Energy").animate({
      		right:'0px',
      		top:"5px"
   		});
   		$(".coach-Get").animate({
      		right:'0px',
      		top:"203px"
   		});
   		$(".coach-Create").animate({
      		right:'0px',
      		top:"401px"
   		});
	 </script>
</body>
</html>